/* 默认样式覆盖 */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

body {
    background: #fff;
    color: #555555;
    font-size: 62.5%;
    font-family: 'Microsoft yahei', Verdana, Arial, Helvetica, sans-serif;
}

td,
th,
caption {
    font-size: 0.293333rem;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-size: 100%;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
    font-style: normal;
    font-weight: normal;
}

a {
    text-decoration: none;
    color: #666666
}

img {
    border: none;
}

a img {
    display: block;
}

ol,
ul,
li {
    list-style: none;
}

li {
    vertical-align: top;
}

input,
textarea,
select,
button {
    font: .65rem 'Microsoft yahei', Verdana, Helvetica, Arial, sans-serif;
}

table {
    border-collapse: collapse;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    *zoom: 1;
}

div {
    box-sizing: border-box;
}


/* 社会化服务观测样式 */

/* 弹性盒子布局 */
.ssv-box .hd-href,
.ssv-box .hd-banner,
.ssv-header .left .wd,
.ssv-header .wd div,
.ssv-header .right .img,
.ssv-content .hour24 .weather-list,
.ssv-content .list-hd .name,
.ssv-content .list-hd,
.ssv-footer,
.up-content .up-tt,
.jf-hd,
.jf-list li .msg li,
.w_detail_box .user-love,
.user-love,
.user-love .users,
.ssv-footer .ft-img
{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.center-box,.detail-box,.myUp-box,.ssv-box,.weather_up-box,.w_detail_box {
    padding-bottom: 3.6rem;
}

/* css单行文字省略 */
.up-content .up-text p {
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}



.ssv-box {
    height: 100%;
    width: 100%;
    background: url(../images/social_bg.jpg) repeat-y;
    background-size: 100%;
    box-sizing: border-box;
    padding-top: 1rem;
}

.ssv-box .hd-href {
    height: 2rem;
    box-sizing: border-box;
    padding-left: 2.75rem;
}

.ssv-box .hd-href span {
    display: flex;
    font-size: .8rem;
    color: #fff;
    position: relative;
    margin-right: .65rem;
}

.ssv-box .hd-href span:first-child:before,
.ssv-box .hd-href span:last-child:after {
    content: "";
    position: absolute;
}

.ssv-box .hd-href span:first-child:before {
    top: 24%;
    left: -.875rem;
    width: 0.4rem;
    height: 0.7rem;
    background: url(../images/ssv_right.png) no-repeat;
    background-size: 100%;
}


.ssv-box .hd-href span:last-child:after {
    right: -1.3rem;
    width: .875rem;
    height: 1.5rem;
    background: url(../images/ssv_href.png) no-repeat;
    background-size: 100%;
}

.ssv-header .hd-banner {
    margin-top: 1.1rem;
    justify-content: center;
    flex-wrap: wrap;
}

.ssv-header .left {
    margin-top: -.8rem;
    margin-bottom: 1.25rem;
}

.ssv-header .left .wind {
    width: 4.85rem;
    height: .9rem;
    background-color: #3480bb;
    border-radius: 0.45rem;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    font-size: .7rem;
    padding: .05rem 0
}

.ssv-header .left .wd {
    justify-content: center;
}

.ssv-header .wd span {
    font-size: 4rem;
    color: #fff;
    margin-right: .25rem;
}

.ssv-header .wd div {
    flex-wrap: wrap;
    height: 4.52rem;
    position: relative;
    box-sizing: border-box;
}

.ssv-header .wd-img {
    width: 1.2rem;
    height: 1.2rem;
}

.ssv-header .right-img {
    height: 4rem;
}

.ssv-header .wd div p {
    width: 100%;
    font-size: .75rem;
    color: #fff;
    text-align: center;
}

.ssv-header .right {
    width: 52%;
}

.ssv-header .right .img {
    width: 8.2rem;
    height: 5.7rem;
    background-color: #FFF;
    border-radius: .5rem;
    overflow: hidden;
    justify-content: center;
    box-shadow: 0 0 .1rem #ccc;
    margin: 0 auto;
    margin-bottom: 1rem;
}

.ssv-header .right img {
    border-radius: .5rem;
    width: 8rem;
    height: 5.5rem;
}

.ssv-header .now-weather {
    color: #90bdde;
    font-size: .625rem;
    text-align: right;
    box-sizing: border-box;
    padding-right: .75rem;
    width: 100%;
}

/* 24小时天气预报 */
.ssv-content {
    margin-top: .5rem;
    box-sizing: border-box;
    padding: 0 .375rem;
}
.ssv-content .hour24,.ssv-content .content-list {
   background: #fff;
   border-radius: .25rem;
   box-shadow: 0 0 10px rgba(10,16,20,.12);
   box-sizing: border-box;
   padding: .8rem 1.1rem
}

.ssv-content .hour24 {
   height: 7.05rem;
   padding-bottom: 6.5rem;
}
.ssv-content .hour24 .weather-list {
    justify-content: space-between;
}

.ssv-content .hour24 h3 {
    font-size: .625rem;
    height: 1rem;
}

.ssv-content .hour24 li {
    display: table-cell;
    text-align: center;
    margin-top: .5rem;
}

.ssv-content .hour24 li p {
    width: 100%;
    margin-bottom: .6rem;
}

.ssv-content .hour24 li img {
    width: 1.2rem;
    height: 1.2rem;
    margin-bottom: .6rem;
}

.ssv-content .content-list {
    padding-top: 1rem;
    margin-top: .35rem;
}

.ssv-content .content-list li{
    margin-bottom: 1rem;
}

.ssv-content .list-hd {
    justify-content: space-between;
    padding-bottom: .25rem;
    margin-bottom: .5rem;
    border-bottom: .05rem solid #d7d7d7;
}

.ssv-content .list-hd .name {
    height: 2.05rem;
    border-bottom: #d7d7d7;
    font-size: .65rem;
    line-height: 2.05rem;
}

.ssv-content .name span {
    width: 1.525rem;
    height: 1.525rem;
    border-radius: 50%;
    background-color: #4393e8;
    font-size:.75rem;
    color: #fff;
    font-weight: bold;
    text-align: center;
    line-height: 1.525rem;
    margin-right: .375rem;
}

.ssv-content .list-hd .sj-love {
    height: 1.275rem;
    background-color: #4393e8;
    border-radius: 0.4rem;
    position: relative;
    font-size: .9rem;
    color: #fff;
    box-sizing: border-box;
    padding: 0 1rem 0 1.8rem;
}

.ssv-content .list-hd .sj-love:after {
    content: "";
    position: absolute;
    left: .75rem;
    top: 49%;
    transform: translateY(-50%);
    width: .85rem;
    height: .75rem;
    background: url(../images/ssv_love.png) no-repeat;
    background-size: 100%;
}

.ssv-content .list-img img{
    width: 100%;
    border-radius: .4rem;
    margin-bottom: .65rem;
} 

.ssv-content .img-introduce p {
    margin-bottom: .125rem;
}

.ssv-content .img-introduce .time{
    font-size: .65rem;
    color: #ababab
}

.ssv-content .img-introduce .city {
    font-size: .7rem;
}
.ssv-content .content-list {
    padding-bottom: .4rem;
}

/* 底部样式 */

.ssv-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    margin-top: .35rem;
    padding: .4rem 0 .4rem 0;
    height: 3rem;
    background: #fff;
    box-shadow: 0 40px 9px 41px rgba(146, 145, 145, 0.3);
    justify-content: space-evenly;
    z-index: 1000;
}
.ssv-footer > div {
    flex: 1;
    text-align: center;
}

.ssv-footer .ft-img {
    height: 1.6rem;
    width: 1.6rem;
    border-radius: 50%;
    border:.05rem solid #6a6a6a;
    justify-content: center;
    margin: 0 auto;
}

.ssv-footer .icon {
    vertical-align: -0.15em;
    overflow: hidden;
}
 
.ssv-footer svg {
    width: 80%;
    height: 80%; 
}

.myUp-box .ssv-footer > div:nth-child(3) svg,
.w_detail_box .ssv-footer > div:nth-child(3) svg
{
    margin-left: 0.11rem;
}

.detail-box .ssv-footer > div:nth-child(2) svg {
    margin-left: 0.07rem;
}

.ssv-footer .active-ft .ft-img {
    background: #2b92e0;
    border: .05rem solid #2b92e0
}

.ssv-footer .active-ft .icon {
    fill:#fff ;
}

.ssv-footer img {
    width: 1.175rem;
    height: 1.175rem;
    margin-bottom: .1rem;
}

.ssv-footer p {
    font-size: 10px;
    color: #848484;
}

/* 浮动手机摄像头 */
.ssv-capture {
    position: fixed;
    right: -10rem;
    top: 37%;
    width: 3.6rem;
    height: 2.95rem;
    background: url(../images/capture.png) #1367ad .3rem center no-repeat;
    background-size: 64%;
    border-top-left-radius: 1.475rem;
    border-bottom-left-radius: 1.475rem;
    overflow: hidden;
    transition: all .6s ease;
    z-index: 10;
}

.ssv-capture input {
    width: 3.6rem;
    height: 2.95rem;
    opacity: 0;
}



/* 我的上传页面样式 */

.myUp-box .up-content {
    margin-top: 1.45rem;
    box-sizing: border-box;
    padding: 0 1.55rem 0 3.7rem;
}

.up-content li {
    position: relative;
    padding-bottom: 1.5rem;
}

.up-content li:after {
    content: "";
    position: absolute;
    left: -1.25rem;
    top: .6rem;
    width: .05rem;
    height: 100%;
    background: #d8d8d8
}

.up-content li:before {
    content: "";
    position: absolute;
    left: -1.7755rem;
    top: -2px;
    width: 1.1rem;
    height: 1.1rem;
    background: url(../images/up_circle.png) no-repeat;
    background-size: 100%;
    z-index: 10;
}


.up-content .up-tt {
    justify-content: space-between;
    margin-bottom: .65rem;
}

.up-content li p {
    font-size: 13px;
}

.up-content .up-tt span {
    display: inline-block;
    font-size: 11px;
    padding: 0 .75rem;
    position: relative;
}

.up-content .up-tt .love:before,
.up-content .up-tt .see:before {
    content: "";
    position: absolute;
    left: -0.2rem;
    top: .1rem;
}

.up-content .up-tt .love:before {
    width: .6rem;
    height: .525rem;
    background: url(../images/up_love.png) no-repeat;
    background-size: 100%;
}


.up-content .up-tt .see:before {
    width: 15.5px;
    height: .525rem;
    background: url(../images/up_see.png) no-repeat;
    background-size: 100%;
}


.up-content .up-img img {
    width: 8.95rem;
    border-radius: .3rem;
    margin-bottom: .5rem;
}

.up-content .up-text p {
    margin-bottom: .15rem;
}

.up-content .up-status {
    position: absolute;
    right: 24%;
    top: 50%;
    transform: translateY(-50%);
    width: 4.025rem;
    height: 4.025rem;
}

.up-content li:last-child {
    padding-bottom: .5rem;
}

.up-content li:last-child:after {
    height: 88%;
}

.myUp-box .ssv-footer > div:first-child {
    border: 0;
}

/* 个人中心样式 */
.center-box .hd-img {
    height: 3.25rem;
    overflow: hidden;
}
.center-box .hd-img img {
    height: 100%;
    width: 100%;
}

.center-box .user-phto {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 0 1.125rem;
    background:#fff;
    box-shadow: 0 0 10px rgba(10,16,20,.12);
}
.center-box .user-phto div {
    width: 4.4rem;
    height: 4.4rem;
    background: #eeeeee;
    border: 2px solid #61aee8;
    border-radius: 50%;
    margin-top: -2.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.user-phto div img {
    width: 90%;
    height: 90%;
    border-radius: 50%;
}

/* 编辑资料 */
.user-phto a {
    display: block;
    padding: .3rem .65rem;
    background-color: #66b3ed;
    border-radius: 0.4rem;
    color: #fff
}

.cb-centent .simple-data {
    box-sizing: border-box;
    padding: .7rem 1.125rem;
    background:#fff;
    margin-bottom: .6rem;
}

.cb-centent h4 {
    font-size: 1.05rem;
    margin-bottom: .5rem;
}


.cb-centent p {
    margin-bottom: .25rem;
    font-size: .75rem;
    color: #b1b1b1
}



.cb-centent ul li a {
    display: block;
    padding: 1.05rem 2.85rem;
    background-color: #fff;
    margin-bottom: .075rem;
    font-size: .75rem;
    color: #333333;
    position: relative;
    box-shadow: 0 0 10px rgba(10,16,20,.12);
}

.cb-centent ul li a:after, .cb-centent ul li a:before{
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.cb-centent ul li a:before {
    left: 1.4rem;
    width: .725rem;
    height: .825rem;
    background:url(../images/cb-jf.jpg) no-repeat;
    background-size: 100%;
}

.cb-centent ul li a:after {
    right: 1.65rem;
    width: .4rem;
    height: .7rem;
    background:url(../images/cb-right.png) no-repeat;
    background-size: 100%;
}

/* 样式 */
.center-box .phto-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    box-shadow: 0 40px 9px 41px rgba(146, 145, 145, 0.3);
    height: 2.925rem;
    background: #fff
}

.phto-footer .up-phto,.upload-hedaer .weather-pho {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%,-50%);
    width: 3rem;
    height: 3rem;
    background: url(../images/capture.png) #eee center no-repeat;
    background-size: 85%;
    border-radius: 50%;
    overflow: hidden;
    box-sizing: border-box;
    padding-top: .9rem;
}

.phto-footer .up-phto input {
    opacity: 0;
}


/* 积分明细样式 */
.jf-list,.jf-hd {
    box-sizing:border-box;
    padding: 0 .9rem;
}

.jf-hd {
    height: 7.1rem;
    background: url(../images/credit_detail.jpg) no-repeat;
    background-size: 100%;
    box-sizing:border-box;
    padding: 0 .9rem;
    align-items: end;
    padding-top: 1rem;
}

.jf-hd > div {
    flex: 1;
    height: 47px;
    text-align: center;
    color: #fff
}

.jf-hd > div:first-child {
    border-right: 1px solid #85d9f9
}

.jf-hd > div p:first-child {
    font-size: 14px;
    margin-bottom: .25rem;
}

.jf-hd > div p:last-child {
    font-size: 25px;
    font-weight: bold;
}

.jf-list .item {
    background: #fff;
    box-sizing: border-box;
    padding:0 1.2rem;
    box-shadow: 0 0 10px rgba(10,16,20,.12);
    margin-bottom: .3rem;
    border-radius: .3rem;
}

.jf-list .item:first-child {
    margin-top: -2.6rem;
}

.jf-list .item p {
    height: 2.25rem;
    font-size: 14px;
    color: #888;
    border-bottom: 1px solid #e5e5e5;
    line-height: 2.25rem;
}

.jf-list .msg {
    box-sizing: border-box;
}

.jf-list .msg li {
    display: flex;
    border-bottom: 1px dashed #e5e5e5;
    justify-content: space-between;
    padding: 1rem 0
}

.jf-list .msg li span {
    font-size: .8rem;
}

.jf-list .msg li:last-child {
    border: 0;
    padding-bottom: 1.6rem;
}


/* 天气上传样式 */


.weather_up-box .upload-hedaer {
    height: 55px;
    background: #1486dd;
}

.upload-hedaer .weather-pho {
    top: 2.35rem;
    background-image: url(../images/capture2.png);
    background-color: #fff;
    overflow: inherit;
}

.upload-hedaer .weather-pho input {
    opacity: 0;
    width: 100%;
    height: 100%;
}

.upload-hedaer .weather-pho span {
    position: absolute;
    bottom: -1.1rem;
    left: 50%;
    transform: translateX(-50%);
     width: 200%;
    font-size: .625rem;
    color: #777;
}


.weather_up-box .upload-section {
    margin-top: 3.7rem;
    box-sizing: border-box;
    padding: 0 .4rem
}

.weather_up-box .upload-textarea {
    width: 100%;
    height: 7.5rem;
    font-size: .8rem;
    border: 0;
    max-height: 300px;
    margin-bottom: .5rem;
}   

textarea::-webkit-input-placeholder {
    color: rgb(198,198,198,.5);
}

.weather_up-box .upload-article-text {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    box-shadow: 0 0 10px rgba(10,16,20,.12);
}

.weather_up-box .upload-file {
    position: relative;
    height: 5rem;
    background: url(../images/jia.png) #f8f8f8 center no-repeat ;
    background-size: 15%;
    opacity: .8;
    margin: 0 auto
}

.weather_up-box article {
    background-color: #fff;
    margin-bottom: .55rem;
}

.weather_up-box .upload-piclist {
    padding: .75rem .6rem;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0 0 10px rgba(10,16,20,.12);
}

.weather_up-box #file {
    width: 100% ;
    height: 100%;
    opacity: 0;
}

.weather_up-box .upload-Picitem {
    margin: 0 auto;
    position: relative;
    margin-bottom: .3rem;
}

/* 删除按钮样式 */
.weather_up-box .delete-Picitem {
    position: absolute;
    right: -0.7rem;
    top: -8px;
    width: 1.45rem;
    height: 1.05rem;
    background: url(../images/delete_img.png) no-repeat;
    background-size: 100%;
} 

.weather_up-box .upload-Picitem:nth-child(3n) {
    margin-right: 0;
}

.weather_up-box .upload-Picitem > img {
    width: 16.35rem;
    height: 10.15rem;
    object-fit: cover;
}

.weather_up-box .submit {
    padding: .375rem 0;
    background-color: #1486dd;
    color: #fff;
    text-align: center; 
    margin: 10px;
    font-size: 20px;
    border-radius: 1rem;
}

/* 天气情况图标样式 */

.weather-type,.weather-type-detail ul{
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    overflow: hidden;
}

.weather-type,.weather-type-detail {
    justify-content: space-between;
    margin-bottom: 0.25rem;
 }

.weather-type li {
    font-size: 13px;
    color: #777777;
    padding: .2rem .5rem;
    background: #fff;
    border-radius: 1rem;
    line-height: 1rem;
    margin-bottom: .3rem;
    box-shadow: 0 0 10px rgba(10,16,20,.12);
    overflow: hidden;
}

.weather-type li:nth-child(5n) {
    margin-right: 0;
}

.weather-type .icon {
    width: 1rem;
    height: 1rem;
    vertical-align: -0.223rem;
    fill: #777777;
    overflow: hidden;
}

.weather-type .active-type,.weather-type-detail .active-type-list {
    background-color: #66b3ed;
    color: #fff
}

.weather-type .active-type .icon {
    fill: #fff
}

/* 天气情况细分样式 */
.weather-type-detail li {
    width: 3.3rem;
    height: 0rem;
    background: #fff;
    box-shadow: 0 0 10px rgba(10,16,20,.12);
    border-radius: .15rem;
    margin-right: .32rem;
    text-align: center;
    line-height: 1.25rem;
    overflow: hidden;
    transition: all .6s ease;
}

.weather-type-detail li  p,.weather-type li p {
    display: none !important;
}

.weather-type-detail li:nth-child(5n) {
    margin: 0
}


/* 天气详情页面样式 */
.w_detail_box .wd-img img {
    width: 100%;
    box-shadow: 0 0 10px rgba(10,16,20,.12);
}

.w_detail_box .wd-content {
    box-sizing: border-box;
    padding: 8px;
}

.w_detail_box .wd-content .wd-container {
    background-color: #fff;
    box-sizing: border-box;
    padding: 1.25rem .65rem;
    border-radius: .15rem;
    /* box-shadow: 0 0 10px rgba(10,16,20,.12); */
}

.w_detail_box .wd-content .tt span {
    display: inline-block;
    padding: .15rem .7rem;
    background: #66b3ed;
    border-radius: 1rem;
    text-align: center;
    line-height: 1.025rem;
    font-size: .75rem;
    margin-right: 1.75rem;
    color: #fff
}

.w_detail_box .wd-content .tt p {
    display: inline-block;
    position: relative;
    font-size:11px;
    line-height: 1.025rem;
}

.w_detail_box .wd-content .tt p:before {
    content: "";
    position: absolute;
    left: -1rem;
    top: .25rem;
    width: .775rem;
    height: .525rem;
    background: url(../images/eyes.png) no-repeat;
    background-size: 100%;
}

.w_detail_box .wd-content .psy {
    margin-top: .65rem;
    font-size: .65rem;
    color: #ababab;
    margin-bottom: 1.3rem;
}

.w_detail_box .wd-content .detail {
    padding: .75rem;
    background: #f5f5f5;
}

.w_detail_box .wd-content .detail p {
    font-size: 13px;
    margin-top: .75rem;
}

.w_detail_box .wd-content .detail p:first-child {
    margin:0
}

.w_detail_box .user-love {
    margin-top: 1rem;
}

.w_detail_box .user-love .love{
    color: #808080;
    font-size: 28px;
    position: relative;
    font-size: .7rem;
    line-height: 2.5rem;
    padding-left:.4rem;
    margin-right: 1.8rem;
}

.w_detail_box .user-love .love:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-26%);
    width: .85rem;
    height: .75rem;
    background: url(../images/love.png) no-repeat;
    background-size: 100%;
}

.w_detail_box .user-love .love:after {
    content: "";
    position: absolute;
    right: -0.8rem;
    top: .2rem;
    width: .05rem;
    height: 50%;
    background-color: #808080;
}

.user-love .users {
    width: 75%;
    margin-top: -0.7rem;
}

.user-love .users li {
    width: 1.55rem;
    height: 1.55rem;
    border: .075rem solid #61aee8;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-right: .3rem;
}

.user-love .users li img { 
    width: 90%;
    height: 90%;
    border-radius: 50%;
}

.waterID {
    display: none;
}

/* 天气上传当前地理位置 */
.weather_up-box .now-location {
    margin-top: .8rem;
    font-size: .6rem;
    color: #777;
}
















 












